<template>
  <div class="header">
     城市选择
     <router-link to="/">
          <div class="iconfont header-back">&#xe624;</div>
     </router-link>
  </div>
</template>
<script>
export default{
  name: 'CityHeader'
}
</script>
<!--1rem=html font-size=50px-->
<style lang="stylus" scoped>
//    @import '../../../assets/styles/varibles.styl'   两者一样 @表示src目录~是在css中引入css文件必须的
    @import '~styles/varibles.styl'
    .header
        position :relative
        overflow:hidden
        height:$headerHeight
        line-height :$headerHeight
        text-align :center
        color:#ffffff
        background :$bgColor
        font-size :.32rem
        .header-back
          position :absolute
          top:0
          left:0
          width: .64rem
          text-align :center
          font-size :.4rem
          color:#ffffff
</style>
